<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>锚点测试</title>
<style type='text/css'>
img:hover {box-shadow: -10px 0 12px red,
10px 0 12px red,
0 -10px 12px red,
0 10px 12px red;
opacity:0.7;}
a {text-decoration:none;}
a:link {color: green;}
a:hover {color: red; font-weight: bold; text-decoration:underline;}
a:visited {color: yellow;}
</style>
</head>
<body>
<h1>超链接练习</h1>
<ul>
<li>
<a href='http://www.zzjc.edu.cn/'>之江学院</a>
</li>
<li>
<a href='https://www.baidu.com/'>百度一下</a>
</li>
<li>
<a href='https://timgsa.baidu.com/timg?image&amp;quality=80&amp;size=b9999_10000&amp;sec=1605677391526&amp;di=5bd96865e9c7a9228ad369de91be3a6d&amp;imgtype=0&amp;src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201506%2F27%2F20150627214558_YQ4dW.jpeg'>妹子</a>
</li>
<li>
<a href='mailto: 281124072@qq.com?subject=你好，世界'>QQ邮箱</a>
</li>
<li>
<a href='sms:13575464594'>短信</a>
</li>
<li>
<a href='https://www.youmzi.com/'>
<img align='top' alt='福利' height='10%' src='https://img.youmzi.com/d/file/20201114/5httn1waygx.jpg' width='10%'>
</a>
</li>
</ul>
</body>
</html>
